@import './variable.scss'; // css变量

.version-2{
  .header{
    color:#333;
    background:#fff;
    border-bottom:1px solid #f0f2f6;
  }
}
.content-box-v2{
  width:7.5rem;height:100vh;
  overflow:hidden;
  .container-scroll{
    height:calc(100vh - #{$headerH});
    // margin-top:$headerH;
  }
}
//.weui-toast{
//  width: 8em;
//}
// vux-tab
// .vux-tab-wrap{
//   position: relative;
//   z-index: 2;
// }
// // vux-confirm
// .vux-confirm{
//   // background:red;
//   .vux-x-dialog{
//     .weui-dialog{
//       overflow:auto;
//       min-height:3.07rem; max-width:100%; width:88%;
//       // box-shadow:0 .074rem .185rem #ededed;
//       border-radius:.22rem;
//       .weui-dialog__title,
//       .weui-dialog__hd{
//         font-size:.3rem;font-weight: bold;
//       }

//       .weui-dialog__bd{
//         font-size:.3rem;line-height: .56rem; color:#4a4a4a;
//       }


//       $btnH: .89rem;
//       .weui-dialog__ft{
//         position:absolute;bottom: -.56rem;
//         display: block;padding:..19rem 0;

//         width:100%;height:$btnH;
//         &:after{
//           border:none;
//         }


//         .weui-dialog__btn{
//           margin:0 .415rem;
//           padding:0 .51rem; margin-top: .074rem;
//           width:calc(34% - .62rem); height:$btnH;
//           font-size:.3rem; line-height:$btnH;
//           border-radius:1.48em;
//         }
//         .weui-dialog__btn:nth-child(1){
//           float:left;
//           margin-right:.56rem;
//           color:#9c9c9c;
//           background-color: #e2e2e2;
//           // box-shadow:0 .074rem .185rem #e6e6e6;
//         }
//         .weui-dialog__btn:nth-child(2){
//           float:right;
//           margin-left:.56rem;
//           color:#fff;
//           background-color: $successColor;
//           // box-shadow:0 .074rem .185rem #c6f5aa;
//           &:after{
//             border:none;
//           }
//         }
//       }
//     }

//     .weui-mask{
//       // background:none;
//     }
//   }
// }

// .vue-confirm-bg{
//   .vux-x-dialog{
//     .weui-dialog{
//       // box-shadow: 0 .074rem .185rem #545151;
//       .weui-dialog__ft{
//         .weui-dialog__btn:nth-child(1){
//           // box-shadow: 0 .074rem .185rem #545151;
//         }
//         .weui-dialog__btn:nth-child(2){
//           // box-shadow: 0 .074rem .185rem #545151;
//         }
//       }
//     }
//     .weui-mask{
//       background: rgba(0, 0, 0, 0.6);
//     }
//   }
// }

// vux-toast
// .vux-toast{
//   .weui-toast{
//     width:calc(100% - 4.7rem) !important; min-height: 2.4em;
//     color:#fff !important;
//     background:#22263185;
//     .weui-icon-success-no-circle{
//       &:before{
//         color:#fff !important; font-size: .56rem;
//       }
//     }
//     .weui-toast__content{
//       padding:0 .37rem;
//       font-size:.3rem;
//     }
//   }
// }
// .vux-toast{
//   .weui-toast{
//     // width:calc(100% - 4.7rem) !important; min-height: 6.6em;
//     // color:#fff !important;
//     // background:rgba(0,0,0,.2);

//     .weui-icon_toast{
//       margin: .22rem 0 0;
//     }

//     .weui-icon-success-no-circle{
//       &:before{
//         // color:#fff !important; font-size: .56rem;
//       }
//     }
//     .weui-toast__content{
//       padding: ..11rem .074rem;
//       font-size:.3rem;
//     }
//   }
// }

// vux-alert
// .vux-alert{
//   .vux-x-dialog{
//     .weui-mask{
//       // background:none;
//     }
//     .weui-dialog{
//       // position:relative;
//       overflow:auto;
//       // box-shadow: 0 .074rem .185rem #e2e2e2;
//       border-radius:.22rem;

//       .weui-dialog__hd{}
//       .weui-dialog__bd{
//         padding-bottom:.56rem;
//       }
//       .weui-dialog__ft{
//         position:absolute;bottom: -.52rem;left:25%;
//         width:50%;
//         box-shadow:none;

//         &:after{
//           border:none;
//         }
//         a{
//           color:#fff;
//           background-color: $successColor;
//           border-radius:.96rem;
//         }
//         .weui-dialog__btn:nth-child(1){
//           // box-shadow:0 .074rem .185rem #c6f5aa;
//         }


//       }
//     }
//   }
// }

// .vux-alert-bg{
//   .vux-alert{
//     .vux-x-dialog{
//       .weui-mask{
//         background: rgba(0, 0, 0, 0.6);
//         .weui-dialog{
//           .weui-dialog__hd{}
//           .weui-dialog__bd{}
//           .weui-dialog__ft{
//             .weui-dialog__btn{
//               box-shadow: none;
//             }

//           }
//         }
//       }
//     }
//   }

// }

// x-input
// .x-input-cls{
//   .weui-cells{
//     margin:0;
//     &::before{
//       border:none;
//     }
//     &:after{
//       border:none;
//     }


//     ::-webkit-input-placeholder{
//       font-family: Arial;
//       color:#BDBDBD; font-size:.3rem;
//     }
//   }
// }

.weui-toast.vux-toast-top{
  display:table;
  margin-top: 15px;
}
.weui-toast{
  width: 8.5em;
  .weui-toast__content{
    padding:.2rem;
  }
}
